﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <script src="scripts/platformOverrides.js"></script>

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <!-- jquery js -->
    <script src="lib/jquery-2.1.4.min.js"></script>
    <script src="lib/jquery.jsonp.js"></script>
    <script src="lib/JSON.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers.js"></script>
</head>

<body ng-app="angularApp">
    <ion-pane>
      <ion-content>
        <div class="content-fluid" ng-controller="AppCtrl">
            <div class="row row-margin">
                <!--<button class="col-xs-3 col-xs-offset-1 button-sm" ng-click="sendKey('1')">1</button>
                <button class="col-xs-3 col-xs-offset-1 button-sm" ng-click="sendKey('2')">2</button>
                <button class="col-xs-3 col-xs-offset-1 button-sm" ng-click="sendKey('3')">3</button>-->
                <button class="col-xs-4 button-sm" ng-click="sendKey('1')">1</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('2')">2</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('3')">3</button>
            </div>
            <div class="row row-margin">
                <button class="col-xs-4 button-sm" ng-click="sendKey('4')">4</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('5')">5</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('6')">6</button>
            </div>
            <div class="row row-margin">
                <button class="col-xs-4 button-sm" ng-click="sendKey('7')">7</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('8')">8</button>
                <button class="col-xs-4 button-sm" ng-click="sendKey('9')">9</button>
            </div>
            <div class="row row-margin">
                <!--<button class="col-xs-4 col-xs-offset-5 button-md" ng-click="sendKey('{UP}')">C+</button>-->
                <button class="col-xs-12 button-md" ng-click="sendKey('{UP}')">C+</button>
            </div>
            <div class="row row-margin">
                <!--<button class="col-xs-6 col-xs-offset-1 button-md" ng-click="sendKey('{LEFT}')">V-</button>
                <button class="col-xs-6 col-xs-offset-7 button-md" ng-click="sendKey('{RIGHT}')">V+</button>-->
                <button class="col-xs-6 button-md" ng-click="sendKey('{LEFT}')">V-</button>
                <button class="col-xs-6 button-md" ng-click="sendKey('{RIGHT}')">V+</button>
            </div>
            <div class="row row-margin">
                <button class="col-xs-12 button-md" ng-click="sendKey('{DOWN}')">C-</button>
            </div>
            <!--<div class="row row-margin">{{output}}</div>-->
        </div>
      </ion-content>
    </ion-pane>
</body>
</html>